<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>WESTGOLDB.EXC</title>
    <script src="__JS__/ios-web-app.js"></script>
    <style>
        .huid p {
            line-height: .4rem;
            text-align: left;
            /*padding-left: .5rem;*/
        }
        .asset{
            font-size: .2rem;
            color: #A9A9A9;
        }
        .second_asset{
            color: #A9A9A9;
            font-size: .15rem;
        }
        .hangqing_lists li>div:first-child{
            width: 2.8rem;
            text-align: left;
        }
        .hangqing_lists li>div:nth-child(2) {
            width: 2rem;
        }
        .hangqing_lists li div{
            text-align: left !important;
        }
        .hangqing_lists li:first-child{
            font-size: .3rem;
            height: .3rem;
            border-bottom: none;
        }
        .hangqing_lists div span:first-child{
            font-weight: bold;
            font-size: .34rem;
        }
        .hangqing_lists div p:first-child{
            font-weight: 600;
            font-size: .3rem;
        }
        .reduce{
            background: #ED1C24;
            border-radius: 4px;
        }
        .add{
            background:#26B67B ;
            border-radius: 4px;
        }
    </style>
</head>

<body style="padding-top: 38px">
    <header class="index_header" style="text-align: left;padding-left: .2rem;font-weight: bold">
        现货
        <a href="#" style="float: right;margin-right:.3rem;">
            <img src="__IMG__/ex/shenglue.png" alt="" style="width: .5rem;" >
        </a>

    </header>
    <section class="yy">
        <!--<div class="yy_banner">-->
            <!--<img src="__IMG__/ex/hq_banner.png" alt="">-->
        <!--</div>-->

        <div class="exchange_box">
            <button style="color: #ec1c24">USDT</button>
            <button>BTC</button>
            <button>ETH</button>
        </div>
        <ul class="hangqing_lists">
            <li>
                <div>名称</div>
                <div>实时价</div>
                <div>涨跌幅</div>
            </li>
            <li>
                <div>
<!--                    <img src="__IMG__/ex/exlogo1.png" alt="">-->
                    <span>DACM</span><span class="second_asset">&nbsp;/USDT</span>
                </div>
                <div class="huid">
                    <p id="uuu">503.21</p>
                    <p class="asset hduuu">303.52</p>
                </div>
                <div>
                    <button>+33.00%</button>
                </div>
            </li>
            <li>
                <div>
<!--                    <img src="https://bidong.lianxueqiu.com/picture/logo/Bitcoin.png" alt="">-->
                    <span>BTC</span><span class="second_asset">&nbsp;/USDT</span>
                </div>
                <div class="huid">
                    <p id="aaa">503.21</p>
                    <p class="asset hdaaa">￥303.52</p>
                </div>
                <div>
                    <button>+33.00%</button>
                </div>
            </li>
            <li>
                <div>
<!--                    <img src="https://s1.bqiapp.com/coin/20181030_72_webp/tether_200_200.webp" alt="">-->
                    <span>USDT</span><span class="second_asset">&nbsp;/USDT</span>
                </div>
                <div class="huid">
                   <p id="iii">503.21</p>
                    <p class="asset hdiii">￥303.52</p>
                </div>
                <div>
                    <button>+33.00%</button>
                </div>
            </li>
            <li>
                <div>
<!--                    <img src="https://bidong.lianxueqiu.com/picture/logo/Ethereum.png" alt="">-->
                    <span>ETH</span><span class="second_asset">&nbsp;/USDT</span>
                </div>
                <div class="huid">
                   <p  id="bbb">503.21</p>
                    <p class="asset hdbbb">￥303.52</p>
                </div>
                <div>
                    <button>+33.00%</button>
                </div>
            </li>
            <!--<li>-->
                <!--<div>-->
<!--&lt;!&ndash;                    <img src="https://bidong.lianxueqiu.com/picture/logo/Litecoin.png?x-oss-process=image/resize,w_30"&ndash;&gt;-->
<!--&lt;!&ndash;                        alt="">&ndash;&gt;-->
                    <!--<span>LTC</span><span class="second_asset">&nbsp;/USDT</span>-->
                <!--</div>-->
                <!--<div class="huid">-->
                   <!--<p id="ccc">503.21</p>-->
                    <!--<p class="asset hdccc">￥303.52</p>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<button>+33.00%</button>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li>-->
                <!--<div>-->
<!--&lt;!&ndash;                    <img src="http://coin-web.oss-cn-hangzhou.aliyuncs.com/static/images/coins/OMG.png" alt="">&ndash;&gt;-->
                    <!--<span>OMG</span><span class="second_asset">&nbsp;/USDT</span>-->
                <!--</div>-->
                <!--<div class="huid">-->
                   <!--<p id="ddd">503.21</p>-->
                    <!--<p class="asset hdddd">￥303.52</p>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<button>+33.00%</button>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li>-->
                <!--<div>-->
<!--&lt;!&ndash;                    <img src="https://huobi-1253283450.cos.ap-beijing.myqcloud.com/1534608359310_Vp8VUP13FG1FbMQA1R-c.jpg"&ndash;&gt;-->
<!--&lt;!&ndash;                        alt="">&ndash;&gt;-->
                    <!--<span>XRP</span><span class="second_asset">&nbsp;/USDT</span>-->
                <!--</div>-->
                <!--<div class="huid">-->
                   <!--<p id="eee">503.21</p>-->
                    <!--<p class="asset hdeee">￥303.52</p>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<button>+33.00%</button>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li>-->
                <!--<div>-->
<!--&lt;!&ndash;                    <img src="http://coin-web.oss-cn-hangzhou.aliyuncs.com/static/images/coins/BCH.png" alt="">&ndash;&gt;-->
                    <!--<span>BCH</span><span class="second_asset">&nbsp;/USDT</span>-->
                <!--</div>-->
                <!--<div class="huid">-->
                   <!--<p id="fff">503.21</p>-->
                    <!--<p class="asset hdfff">￥303.52</p>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<button>+33.00%</button>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li>-->
                <!--<div>-->
<!--&lt;!&ndash;                    <img src="http://coin-web.oss-cn-hangzhou.aliyuncs.com/static/images/coins/EOS.png" alt="">&ndash;&gt;-->
                    <!--<span>EOS</span><span class="second_asset">&nbsp;/USDT</span>-->
                <!--</div>-->
                <!--<div class="huid">-->
                    <!--<p id="ggg">503.21</p>-->
                    <!--<p class="asset hdggg">￥303.52</p>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<button>+33.00%</button>-->
                <!--</div>-->
            <!--</li>-->




            <!--<li>-->
                <!--<div>-->
                    <!--<img src="https://bidong.lianxueqiu.com/picture/logo/Ethereum%20Classic.jpg?x-oss-process=image/resize,w_30"-->
                        <!--alt="">-->
                    <!--<span>ETC</span>-->
                <!--</div>-->
                <!--<div id="hhh">503.21</div>-->
                <!--<div>-->
                    <!--<button>+33.00%</button>-->
                <!--</div>-->
            <!--</li>-->
        </ul>
    </section>
    <footer class="footer">
        <ul>
            <li>
                <a href="{:U('Index/index')}">
                    <div>
                        <img src="__IMG__/ex/zn_18.png" alt="">
                    </div>
                    <p>应用</p>
                </a>
            </li>
            <li>
                <a href="{:U('Hangqing/index')}">
                    <div><img src="__IMG__/ex/zn_19.png" alt=""></div>
                    <p class="active">行情</p>
                </a>
            </li>
<!--            <li>-->
<!--                <a href="{:U('Discover/index')}">-->
<!--                    <div><img src="__IMG__/ex/zn_22.png" alt=""></div>-->
<!--                    <p>应用</p>-->
<!--                </a>-->
<!--            </li>-->
            <li>
                <a href="{:U('User/index')}">
                    <div><img src="__IMG__/ex/zn_25.png" alt=""></div>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script>
        ajax_get();
        setInterval(function () {
            ajax_get()
        }, 60000);

        function ajax_get() {
            let rate={$RewardConfig.b2};
            console.log(rate);
            //读取数据库的EXUU的实时价格和汇率
            $.ajax({
                type:"post",
                dataType:"json",
                url:"{:U('search_rate')}",
                data:{},
                success:function (data) {
                    // console.log(data.msg.ptr18);
                    // $('#uuu').text((parseFloat(1/data.msg.b3)).toFixed(4));
                    // $('#uuu').text((parseFloat(data.msg.p5/rate)).toFixed(4));
                    $('#uuu').text((parseFloat(data.msg.p5)).toFixed(4));

                    // $('.hduuu').text('￥'+(parseFloat(1/data.msg.b3*rate)).toFixed(4));
                    $('.hduuu').text('￥'+(parseFloat(data.msg.p5*rate)).toFixed(4));
                    var exuu = data.msg.dacm_float;
                    $('#uuu').parent().parent().find('button').text(exuu + '%');
                    if (exuu < 0) {
                        $("#uuu").parent().parent().find('button').addClass('reduce');
                    } else {
                        $("#uuu").parent().parent().find('button').addClass('add');
                        $('#uuu').parent().parent().find('button').text('+' + exuu + '%');
                    }
                }
            });

            $.ajax({
                type: "post",
                url: "{:U('Demo/index')}",
                data: {},
                dataType: "json",
                success: function (data) {
                    // console.log(data);
                    if (data) {

                        // $('#aaa').text((parseFloat(data.btc.close) * 6.74).toFixed(4));

                        $('#aaa').text((parseFloat(data.btc.close)).toFixed(4));
                        $('.hdaaa').text('￥'+(parseFloat(data.btc.close*rate)).toFixed(4));
                        var btc1 = ((data.btc.close - data.btc.open) / data.btc.open) * 100;
                        $('#aaa').parent().parent().find('button').text(btc1.toFixed(2) + '%');
                        if (btc1 < 0) {
                            $("#aaa").parent().parent().find('button').addClass('reduce');
                        } else {
                            $("#aaa").parent().parent().find('button').addClass('add');
                            $('#aaa').parent().parent().find('button').text('+' + btc1.toFixed(2) + '%');
                        }

                        // $('#bbb').text((parseFloat(data.eth.close) * 6.74).toFixed(4));
                        $('#bbb').text((parseFloat(data.eth.close)).toFixed(4));
                        $('.hdbbb').text('￥'+(parseFloat(data.eth.close*rate)).toFixed(4));
                        var eth1 = ((data.eth.close - data.eth.open) / data.eth.open) * 100;
                        $('#bbb').parent().parent().find('button').text(eth1.toFixed(2) + '%');
                        if (eth1 < 0) {
                            $("#bbb").parent().parent().find('button').addClass('reduce')
                        } else {
                            $("#bbb").parent().parent().find('button').addClass('add')
                            $('#bbb').parent().parent().find('button').text('+' + eth1.toFixed(2) + '%');
                        }

                        // $('#ccc').text((parseFloat(data.ltc.close) * 6.74).toFixed(4));
                        $('#ccc').text((parseFloat(data.ltc.close)).toFixed(4));
                        $('.hdccc').text('￥'+(parseFloat(data.ltc.close*rate)).toFixed(4));
                        var ltc1 = ((data.ltc.close - data.ltc.open) / data.ltc.open) * 100;
                        $('#ccc').parent().parent().find('button').text(ltc1.toFixed(2) + '%');
                        if (ltc1 < 0) {
                            $("#ccc").parent().parent().find('button').addClass('reduce');
                        } else {
                            $("#ccc").parent().parent().find('button').addClass('add');
                            $('#ccc').parent().parent().find('button').text('+' + ltc1.toFixed(2) + '%');
                        }

                        // $('#ddd').text((parseFloat(data.omg.close) * 6.74).toFixed(4));
                        $('#ddd').text((parseFloat(data.omg.close)).toFixed(4));
                        $('.hdddd').text('￥'+(parseFloat(data.omg.close*rate)).toFixed(4));
                        var omg1 = ((data.omg.close - data.omg.open) / data.omg.open) * 100;
                        $('#ddd').parent().parent().find('button').text(omg1.toFixed(2) + '%');
                        if (omg1 < 0) {
                            $("#ddd").parent().parent().find('button').addClass('reduce');
                        } else {
                            $("#ddd").parent().parent().find('button').addClass('add');
                            $('#ddd').parent().parent().find('button').text('+' + omg1.toFixed(2) + '%');
                        }

                        // $('#eee').text((parseFloat(data.xrp.close) * 6.74).toFixed(4));
                        $('#eee').text((parseFloat(data.xrp.close)).toFixed(4));
                        $('.hdeee').text('￥'+(parseFloat(data.xrp.close*rate)).toFixed(4));
                        var xrp1 = ((data.xrp.close - data.xrp.open) / data.xrp.open) * 100;
                        $('#eee').parent().parent().find('button').text(xrp1.toFixed(2) + '%');
                        if (xrp1 < 0) {
                            $("#eee").parent().parent().find('button').addClass('reduce');
                        } else {
                            $("#eee").parent().parent().find('button').addClass('add');
                            $('#eee').parent().parent().find('button').text('+' + xrp1.toFixed(2) + '%');
                        }

                        // $('#fff').text((parseFloat(data.bch.close) * 6.74).toFixed(4));
                        $('#fff').text((parseFloat(data.bch.close)).toFixed(4));
                        $('.hdfff').text('￥'+(parseFloat(data.bch.close*rate)).toFixed(4));
                        var bch1 = ((data.bch.close - data.bch.open) / data.bch.open) * 100;
                        $('#fff').parent().parent().find('button').text(bch1.toFixed(2) + '%');
                        if (bch1 < 0) {
                            $("#fff").parent().parent().find('button').addClass('reduce');
                        } else {
                            $("#fff").parent().parent().find('button').addClass('add');
                            $('#fff').parent().parent().find('button').text('+' + bch1.toFixed(2) + '%');
                        }

                        // $('#ggg').text((parseFloat(data.eos.close) * 6.74).toFixed(4));
                        $('#ggg').text((parseFloat(data.eos.close)).toFixed(4));
                        $('.hdggg').text('￥'+(parseFloat(data.eos.close*rate)).toFixed(4));
                        var eos1 = ((data.eos.close - data.eos.open) / data.eos.open) * 100;
                        $('#ggg').parent().parent().find('button').text(eos1.toFixed(2) + '%');
                        if (eos1 < 0) {
                            $("#ggg").parent().parent().find('button').addClass('reduce');
                        } else {
                            $("#ggg").parent().parent().find('button').addClass('add');
                            $('#ggg').parent().parent().find('button').text('+' + eos1.toFixed(2) + '%');
                        }

                        // $('#hhh').text((parseFloat(data.etc.close) * 6.74).toFixed(4));
                        // var etc1 = ((data.etc.close - data.etc.open) / data.etc.open) * 100;
                        // $('#hhh').parent().find('button').text(etc1.toFixed(2) + '%');
                        // if (etc1 < 0) {
                        //     $("#hhh").parent().find('button').addClass('reduce');
                        // } else {
                        //     $('#hhh').parent().find('button').text('+' + etc1.toFixed(2) + '%');
                        // }

                    } else {
                        alert(data.msg);
                        // window.location.href=data.data;
                    }
                }
            });
            // $.ajax({
            //     type: "post",
            //     url: "{:U('Property/price2')}",
            //     data: {},
            //     dataType: "json",
            //     success: function (data) {
            //         // console.log(res.change);
            //         //console.log(res.price);
            //         if (data) {
            //
            //             $('#aaa').text((parseFloat(data.btc.close)).toFixed(4));
            //             var btc1 = data.btc.degree;
            //             $('#aaa').parent().find('button').text(btc1.toFixed(3) + '%');
            //             if (btc1 < 0) {
            //                 $("#aaa").parent().find('button').addClass('reduce');
            //             } else {
            //                 $("#aaa").parent().find('button').addClass('add');
            //                 $('#aaa').parent().find('button').text('+' + btc1.toFixed(2) + '%');
            //             }
            //
            //             $('#bbb').text((parseFloat(data.eth.close)).toFixed(4));
            //             var eth1 = data.eth.degree;
            //             $('#bbb').parent().find('button').text(eth1.toFixed(3) + '%');
            //             if (eth1 < 0) {
            //                 $("#bbb").parent().find('button').addClass('reduce');
            //             } else {
            //                 $("#bbb").parent().find('button').addClass('add');
            //                 $('#bbb').parent().find('button').text('+' + eth1.toFixed(3) + '%');
            //             }
            //
            //             $('#ccc').text((parseFloat(data.ltc.close)).toFixed(4));
            //             var ltc1 = data.ltc.degree;
            //             $('#ccc').parent().find('button').text(ltc1.toFixed(3) + '%');
            //             if (ltc1 < 0) {
            //                 $("#ccc").parent().find('button').addClass('reduce');
            //             } else {
            //                 $("#ccc").parent().find('button').addClass('add');
            //                 $('#ccc').parent().find('button').text('+' + ltc1.toFixed(3) + '%');
            //             }
            //
            //             $('#ggg').text((parseFloat(data.eos.close)).toFixed(4));
            //             var eos1 = data.eos.degree;
            //             $('#ggg').parent().find('button').text(eos1.toFixed(3) + '%');
            //             if (eos1 < 0) {
            //                 $("#ggg").parent().find('button').addClass('reduce');
            //             } else {
            //                 $("#ggg").parent().find('button').addClass('add');
            //                 $('#ggg').parent().find('button').text('+' + eos1.toFixed(2) + '%');
            //             }
            //
            //         } else {
            //             alert(res.msg);
            //         }
            //     }
            // });
            $.ajax({
                type: "post",
                url: "{:U('Hangqing/api')}",
                data: {},
                dataType: "json",
                success: function (res) {
                    // console.log(res.change);
                    //console.log(res.price);
                    if (res) {
                        // $('#uuu').text((parseFloat(1/data.msg.b3)).toFixed(4));

                        // $('.hduuu').text('￥'+(parseFloat(1/data.msg.b3*rate)).toFixed(4));

                        // $('#iii').text(parseFloat(res.rate).toFixed(4));
                        $('#iii').text(parseFloat(1).toFixed(4));
                        $('.hdiii').text('￥'+(parseFloat(res.config.b2).toFixed(4)));

                        $('#iii').parent().parent().find('button').text(res.change + '%');
                        if (res.change < 0) {
                            $("#iii").parent().parent().find('button').addClass('reduce');
                        } else {
                            $("#iii").parent().parent().find('button').addClass('add');
                            $('#iii').parent().parent().find('button').text('+' + res.change + '%');
                        }
                    } else {
                        alert(res.msg);
                    }
                }
            });
        }

        $('.exchange_box button').click(function(){
            $(this).css('color','#EC1C24');
            $(this).siblings().css('color','#000')
           $('.second_asset').html()==$(this).html();
        })
    </script>
</body>

</html>